{% load staticfiles %}
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-header">
        <a href="" class="navbar-brand"><img height="100%" src="{% static 'imgs/head.jpg' %}" title="主页"></a>
        <button class="navbar-toggle collapsed" data-toggle='collapse' data-target='#novel_nav'>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>
    <div class="collapse navbar-collapse" id="novel_nav">
        <ul class="nav navbar-nav">
            <li class="active"><a href="" title="建站者">无良小万</a></li>
            <li><a href="{% url 'index' %}" title="index">首页</a></li>
            <li><a href="{% url 'fun_novel_page' %}" title="index">小说</a></li>
            <li class="ttl"><a href="{% url 'fun_graduate' %}">车牌识别</a></li>
        </ul>
        {% verbatim cdblock %}
            <div class="navbar-form navbar-right">
                <div class="form-group" style="margin-right: 15px">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请输入小说名" v-model="name" @keyup.enter="goto">
                        <div class="input-group-addon dropdown btn btn-info">
                            <span data-toggle="dropdown" v-cloak>
                                {{ website }}<span class="caret"></span>
                            </span>
                            <ul class="dropdown-menu">
                                <li class="dropdown-header">推荐</li>
                                <li class="ddxs"><a href="#" @click="setWebsite('顶点小说')">顶点小说</a></li>
                                <li class="divider"></li>
                                <li class="dropdown-header">其他</li>
                                <li class="sjg disabled" title="正在开发">
                                    <a href="#" @click="setWebsite('三江阁')">三江阁</a>
                                </li>
                                <li class="xxsw disabled" title="正在开发">
                                    <a href="#" @click="setWebsite('小小书屋')">小小书屋</a>
                                </li>
                                <li class="bqg disabled" title="正在开发">
                                    <a href="#" @click="setWebsite('笔趣阁')">笔趣阁</a>
                                </li>
                            </ul>
                        </div>
                        <div class="input-group-addon btn btn-primary">
                            <a :href="gotoNovelPage" target="_blank">
                                <span class="glyphicon glyphicon-search"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        {% endverbatim cdblock %}
    </div>
    <script src="{% static 'js/novel/nav.js' %}"></script>
</nav>